import React, { memo, useState } from 'react'
import { useNavigate } from 'react-router-dom'
import { Popup, Space, Button } from 'antd-mobile'
const Serch = memo(() => {
  const navigate=useNavigate()
  const [visible1, setVisible1] = useState(false)

  return (
    <div>
      <button onClick={()=>navigate('/Detail')}>点击前往Detail</button>
      <Button
              onClick={() => {
                setVisible1(true)
              }}
            >
              底部弹出
            </Button>
            <Popup
              visible={visible1}
              showCloseButton
              onMaskClick={() => {
                setVisible1(false)
              }}
              onClose={() => {
                setVisible1(false)
              }}
              bodyStyle={{ height: '80vh' }}
            >
             大萨达撒所的
            </Popup>
    </div>
  )
})

export default Serch